{% extends "layout_index.html" %} {% block main_content %}
<style>
  .no-permission-wrapper {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .no-permission-icon {
    font-size: 60px;
    color: #dc3545;
    margin-bottom: 20px;
    animation: shake 0.8s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  }
  @keyframes shake {
    10%,
    90% {
      transform: translateX(-2px);
    }
    20%,
    80% {
      transform: translateX(4px);
    }
    30%,
    50%,
    70% {
      transform: translateX(-8px);
    }
    40%,
    60% {
      transform: translateX(8px);
    }
  }
  .no-permission-title {
    color: #dc3545;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .no-permission-desc {
    color: #888;
    font-size: 1.5rem;
    margin-bottom: 0;
  }
</style>
<div class="no-permission-wrapper">
  <div class="no-permission-icon">
    <i class="fa fa-exclamation-triangle"></i>
  </div>
  <div class="no-permission-title">您暂无权限访问此页面</div>
  <p class="no-permission-desc">如需操作请联系超级管理员。</p>
</div>
{% endblock %}
